<!DOCTYPE html>
<!--声明v-bind的命名空间自动生成-->
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">


<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<!--<div id="app">-->
    <!--&lt;!&ndash;鼠标悬浮几秒查看此处动态绑定的提示信息v-bind指令&ndash;&gt;-->
    <!--<span v-bind:title="message">-->
        <!--{{message}}-->
    <!--</span>-->

<!--</div>-->
<div id="app1">
    <h1 v-if="ok">Yes</h1>
    <h1 v-else>No</h1>
</div>

        <!--导入Vue.js-->
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script>
    // 新建一个vue对象
    // var vm=  new Vue({
    //     // 元素
    //     el:"#app",
    //     data:{
    //         message:"hello,vue"
    //     }
    // });

    var ifa=  new Vue({
        // 元素
        el:"#app1",
        data:{
            ok:true
        }
    });
</script>
</body>
</html>
